---
layout: default
---

<!--
<section class="small-intro">
  <div class="container">
    <h2>
      {{page.category | capitalize}}
    </h2>
  </div>
</section>
<section class="blog">
  <div class="container">
    {% for post in site.posts %} {% if post.categories contains page.category %}

    <div class="blog-container">
      <div class="title-excerpt">
        <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
      </div>
      <div class="date-categories">
        <div class="categories">
          {% for category in post.categories%}
          <div class="category">
            <a href="/categories/{{category}}">{{ category }}</a>
          </div>
          {% endfor %}
        </div>
        <div class="date">
          <p>{{ post.date | date_to_string }}</p>
        </div>
      </div>
    </div>
    {% endif %} {% endfor %}
  </div>
</section>-->
<div class="wrapper">

  <div class="row">
    <div class="categories column">
      <ul>
      {% for category in site.categories %}
        <li>
          <a href="/categories/{{ category | first | slugify }}">
            {{ category[0] | replace:'-', ' ' }} ({{ category | last | size }})
          </a>
        </li>
      {% endfor %}
      </ul>
    </div>

    <div class="post-list">
      {% for post in site.posts %} {% if post.categories contains page.category %}
        {% include post-card.html %}
      {% endif %} {% endfor %}
    </div>
  </div>

  <div class="row row--full">
    {% include pagination.html %}
  </div>

</div>
